<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!--#include file="../connections/connect.asp" -->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<title>Dashboard | Shoes </title>

	<!--=== CSS ===-->

	<!-- Bootstrap -->
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

	<!-- jQuery UI -->
	<!--<link href="plugins/jquery-ui/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />-->
	<!--[if lt IE 9]>
		<link rel="stylesheet" type="text/css" href="plugins/jquery-ui/jquery.ui.1.10.2.ie.css"/>
	<![endif]-->

	<!-- Theme -->
	<link href="assets/css/main.css" rel="stylesheet" type="text/css" />
	<link href="assets/css/plugins.css" rel="stylesheet" type="text/css" />
	<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
	<link href="assets/css/icons.css" rel="stylesheet" type="text/css" />

	<link rel="stylesheet" href="assets/css/fontawesome/font-awesome.min.css">
	<!--[if IE 7]>
		<link rel="stylesheet" href="assets/css/fontawesome/font-awesome-ie7.min.css">
	<![endif]-->

	<!--[if IE 8]>
		<link href="assets/css/ie8.css" rel="stylesheet" type="text/css" />
	<![endif]-->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>

	<!--=== JavaScript ===-->

	<script type="text/javascript" src="assets/js/libs/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>

	<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="assets/js/libs/lodash.compat.min.js"></script>

	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="assets/js/libs/html5shiv.js"></script>
	<![endif]-->

	<!-- Smartphone Touch Events -->
	<script type="text/javascript" src="plugins/touchpunch/jquery.ui.touch-punch.min.js"></script>
	<script type="text/javascript" src="plugins/event.swipe/jquery.event.move.js"></script>
	<script type="text/javascript" src="plugins/event.swipe/jquery.event.swipe.js"></script>

	<!-- General -->
	<script type="text/javascript" src="assets/js/libs/breakpoints.js"></script>
	<script type="text/javascript" src="plugins/respond/respond.min.js"></script> <!-- Polyfill for min/max-width CSS3 Media Queries (only for IE8) -->
	<script type="text/javascript" src="plugins/cookie/jquery.cookie.min.js"></script>
	<script type="text/javascript" src="plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script type="text/javascript" src="plugins/slimscroll/jquery.slimscroll.horizontal.min.js"></script>

	<!-- Page specific plugins -->
	<!-- Charts -->
	<script type="text/javascript" src="plugins/sparkline/jquery.sparkline.min.js"></script>

	<script type="text/javascript" src="plugins/daterangepicker/moment.min.js"></script>
	<script type="text/javascript" src="plugins/daterangepicker/daterangepicker.js"></script>
	<script type="text/javascript" src="plugins/blockui/jquery.blockUI.min.js"></script>

	<!-- Forms -->
	<script type="text/javascript" src="plugins/uniform/jquery.uniform.min.js"></script> <!-- Styled radio and checkboxes -->
	<script type="text/javascript" src="plugins/select2/select2.min.js"></script> <!-- Styled select boxes -->
	<script type="text/javascript" src="plugins/fileinput/fileinput.js"></script>

	<!-- Form Validation -->
	<script type="text/javascript" src="plugins/validation/jquery.validate.min.js"></script>
	<script type="text/javascript" src="plugins/validation/additional-methods.min.js"></script>

	<!-- Noty -->
	<script type="text/javascript" src="plugins/noty/jquery.noty.js"></script>
	<script type="text/javascript" src="plugins/noty/layouts/top.js"></script>
	<script type="text/javascript" src="plugins/noty/themes/default.js"></script>

	<!-- App -->
	<script type="text/javascript" src="assets/js/app.js"></script>
	<script type="text/javascript" src="assets/js/plugins.js"></script>
	<script type="text/javascript" src="assets/js/plugins.form-components.js"></script>

	<script>
	$(document).ready(function(){
		"use strict";

		App.init(); // Init layout and core plugins
		Plugins.init(); // Init all plugins
		FormComponents.init(); // Init all form-specific plugins
	});
	</script>

	<!-- Demo JS -->
	<script type="text/javascript" src="assets/js/custom.js"></script>
	<script type="text/javascript" src="assets/js/demo/form_validation.js"></script>
</head>

<body>
<%
		var admin=Session("admin");
		if(admin== null)
		{
			Response.Redirect("login.asp");
		}
		%>

	<!-- Header -->
	<header class="header navbar navbar-fixed-top" role="banner">
		<!-- Top Navigation Bar -->
		<div class="container">

			<!-- Only visible on smartphones, menu toggle -->
			<ul class="nav navbar-nav">
				<li class="nav-toggle"><a href="javascript:void(0);" title=""><i class="icon-reorder"></i></a></li>
			</ul>

			<!-- Logo -->
			<a class="navbar-brand" href="index.asp">
				<strong>SH</strong>OES
			</a>
			<!-- /logo -->

			<!-- Sidebar Toggler -->
			<a href="#" class="toggle-sidebar bs-tooltip" data-placement="bottom" data-original-title="Toggle navigation">
				<i class="icon-reorder"></i>
			</a>
			<!-- /Sidebar Toggler -->

			<!-- Top Left Menu -->
			<ul class="nav navbar-nav navbar-left hidden-xs hidden-sm">
				<li>
					<a href="index.asp">
						Dashboard
					</a>
				</li>
			</ul>
			<!-- /Top Left Menu -->

			<!-- Top Right Menu -->
			<ul class="nav navbar-nav navbar-right">
				<!-- User Login Dropdown -->
				<li class="dropdown user">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="icon-male"></i>
						<span class="username"><%Response.Write(admin)%></span>
						<i class="icon-caret-down small"></i>
					</a>
					<ul class="dropdown-menu">
                    	<li><a href="admin_edit.asp"><i class="icon-pencil"></i> Profile</a></li>
						<li><a href="logout.asp"><i class="icon-key"></i> Log Out</a></li>
					</ul>
				</li>
				<!-- /user login dropdown -->
			</ul>
			<!-- /Top Right Menu -->
		</div>
		<!-- /top navigation bar -->
	</header> <!-- /.header -->

	<div id="container">
		<div id="sidebar" class="sidebar-fixed">
			<div id="sidebar-content">

				<!--=== Navigation ===-->
				<ul id="nav">
					<li class="current">
						<a href="index.asp">
							<i class="icon-home"></i>
							Home
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<i class="icon-barcode"></i>
							Product
						</a>
						<ul class="sub-menu">
							<li>
								<a href="category.asp">
								<i class="icon-angle-right"></i>
								Category
								</a>
							</li>
							<li>
								<a href="product.asp">
								<i class="icon-angle-right"></i>
								Manage
								</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0);">
							<i class="icon-user"></i>
							User
						</a>
						<ul class="sub-menu">
							<li>
								<a href="admin.asp">
								<i class="icon-angle-right"></i>
								Admin
								</a>
							</li>
							<li>
								<a href="customer.asp">
								<i class="icon-angle-right"></i>
								Customer
								</a>
							</li>
						</ul>
					</li>
					<li >
						<a href="order.asp">
							<i class="icon-shopping-cart"></i>
							Order
						</a>
					</li>
                    <li class="current">
						<a href="question.asp">
							<i class="icon-comments"></i>
							Security Management
						</a>
					</li>
					<li >
						<a href="feedback.asp">
							<i class="icon-comments"></i>
							Feedback
						</a>
					</li>
					<li >
						<a href="report.asp">
							<i class="icon-print"></i>
							Report
						</a>
					</li>

				</ul>
				<!-- /Navigation -->
			</div>
			<div id="divider" class="resizeable"></div>
		</div>
		<!-- /Sidebar -->

		<div id="content">
			<div class="container">
				<!-- Breadcrumbs line -->
				<div class="crumbs">
					<ul id="breadcrumbs" class="breadcrumb">
						<li>
							<i class="icon-home"></i>
							<a href="index.asp">Home</a>
						</li>
						<li class="current">
							<a href="feedback_answer.asp" title="">Feedback Answer</a>
						</li>
					</ul>

					<ul class="crumb-buttons">
						<li><a href="charts.asp" title=""><i class="icon-signal"></i><span>Statistics &amp Report</span></a></li>
					</ul>
				</div>
				<!-- /Breadcrumbs line -->

				<!--=== Page Header ===-->
				<div class="page-header">
					<div class="page-title">
						<h3>Feeback</h3>
						<span>Answer</span>
					</div>
				</div>
				<!-- /Page Header -->
			
				<!--=== Page Content ===-->
				<div class="row">
                	<%				
					 			var feedID = Request.QueryString("FeedID")		
								var sql= "select * from Feedback WHERE FeedbackID= '"+feedID+"'"
								var list=conn.Execute(sql)								
							%>
                            
					<div class="col-md-12">
						<div class="widget box">
							<div class="widget-header">
								<h4><i class="icon-plus"></i>Answer for customer's question</h4>
							</div>
							<div class="widget-content">
								<form class="form-horizontal row-border" id="validate-1" action="processed/feeback_process.asp" method="post">
									<div class="form-group">
										<label class="col-md-3 control-label">CustomerID</label>
										<div class="col-md-9">
											<input type="text" name="cusID" class="form-control required" readonly value="<%=list("CustomerID")%>">
										</div>
                                        <div class="col-md-9">
											<input type="hidden" name="feedbackID" class="form-control required" value="<%=list("FeedbackID")%>">
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">Title</label>
										<div class="col-md-9">
											<input type="text" name="title" class="form-control required " readonly value="<%=list("Title")%>">
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">Content</label>
										<div class="col-md-9">
											<input type="text" name="content" class="form-control required" readonly value="<%=list("Content")%>">
										</div>
									</div>
									<div class="form-group">
									  <label class="col-md-3 control-label">Answer</label>
										<div class="col-md-9"><textarea rows="5" name="answerContent" class="form-control wysiwyg required" ><%=list("Answer")%></textarea></div>
									</div>
									<div class="form-actions">
                                    	<a class="btn btn-primary pull-right" href="feedback.asp">Cancel</a>
                                        <input type="reset" value="Reset" class="btn btn-primary pull-right">
										<input type="submit" value="Submit" class="btn btn-primary pull-right">
									</div>                                    
								</form>
							</div>
						</div>
						<!-- /Validation Example 1 -->
					</div>
				<!--=== Managed Tables ===-->

				</div> <!-- /.row -->
				<!-- /Page Content -->

			</div>
			<!-- /.container -->

		</div>
	</div>

</body>
</html>